<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<meta charset="ISO-8859-1" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="resources/css/bootstrap.css"
	media="all" />
<link rel="stylesheet" type="text/css"
	href="resources/css/bootstrap-responsive.css" media="all" />
<link rel="stylesheet" type="text/css" href="resources/css/flexslider.css"
	media="all" />
<link rel="stylesheet" type="text/css" href="resources/css/font-awesome.css"
	media="all" />
<link rel="stylesheet" type="text/css" href="resources/css/prettyPhoto.css"
	media="all" />
<link rel="stylesheet" type="text/css" href="resources/css/red.css" media="all" />
<link rel="stylesheet" type="text/css" href="resources/css/sidebar-nav.css"
	media="all" />
<link rel="stylesheet" type="text/css" href="resources/css/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="resources/css/icon-css.css"
	media="all" />
<link href="resources/css/webwidget_menu_glide.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" type="text/css" href="resources/css/nice-menu.css"
	media="all" />

</h:head>
<h:body>

	<!-- Include Header -->
	<ui:include src="./header.xhtml"></ui:include>
	<!-- End Header -->

	<div class="container">
		<!-- Left menu & content -->
		<div class="row" style="margin-left: 0px">
			<div class="row-fluid">
				<div class="row-fluid">

					<!-- Include Left Menu -->
					<ui:include src="./leftMenu.xhtml" />
					<!-- End Left Menu -->

					<!-- Content -->
					<div class="span8 pull-left" style="width: 700px; margin-top: 20px">
						<div class="row-fluid">
							<div class="span4"
								style="width: 340px; margin-left: 0px; padding-bottom: 5px;">
								<div
									style="background-color: #fff8db; border: 2px solid; visibility: visible; width: 340px; min-height: 250px; position: relative; margin-left: 10px;">
									<a style="cursor: default;">
										<div class="newCollection"
											style="visibility: visible; width: 340px; height: 250px">
											<img src="img/hotsale.jpg"
												style="margin-top: 0px; margin-left: 0px; width: 340px; height: 250px;" />
											<img src="img/newcollection.jpg"
												style="margin-top: 0px; margin-left: 0px; width: 340px; height: 250px;" />
										</div>
									</a>
								</div>
							</div>
							<div class="span4"
								style="width: 340px; margin-left: 10px; padding-bottom: 5px">
								<div
									style="background-color: #fff8db; border: 2px solid; visibility: visible; width: 340px; min-height: 250px; position: relative; margin-left: 10px;">
									<a style="cursor: default;">
										<div class="newCollection2"
											style="visibility: visible; width: 340px; height: 250px">
											<img src="img/hinh3.png"
												style="margin-top: 0px; margin-left: 0px; width: 340px; height: 250px;" />
											<img src="img/hinh6.png"
												style="margin-top: 0px; margin-left: 0px; width: 340px; height: 250px;" />
										</div>
									</a>
								</div>
							</div>
						</div>
						<div class="row-fluid">
							<div class="span4"
								style="width: 340px; margin-left: 0px; padding-bottom: 5px;">
								<div
									style="background-color: #fff8db; border: 2px solid; visibility: visible; width: 340px; min-height: 250px; position: relative; margin-left: 10px;">
									<a style="cursor: default;">
										<div class="newCollection"
											style="visibility: visible; width: 340px; height: 250px">
											<img src="img/hotsale.jpg"
												style="margin-top: 0px; margin-left: 0px; width: 340px; height: 250px;" />
											<img src="img/newcollection.jpg"
												style="margin-top: 0px; margin-left: 0px; width: 340px; height: 250px;" />
										</div>
									</a>
								</div>
							</div>
							<div class="span4"
								style="width: 340px; margin-left: 10px; padding-bottom: 5px">
								<div
									style="background-color: #fff8db; border: 2px solid; visibility: visible; width: 340px; min-height: 250px; position: relative; margin-left: 10px;">
									<a style="cursor: default;">
										<div class="newCollection2"
											style="visibility: visible; width: 340px; height: 250px">
											<img src="img/hinh3.png"
												style="margin-top: 0px; margin-left: 0px; width: 340px; height: 250px;" />
											<img src="img/hinh6.png"
												style="margin-top: 0px; margin-left: 0px; width: 340px; height: 250px;" />
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
					<!-- End Content -->
				</div>
			</div>
		</div>
	</div>
	
	<!-- Include Footer -->
	<ui:include src="./footer.xhtml"></ui:include>
	<!-- End Footer -->
</h:body>
</html>